<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
		<link rel="stylesheet" type="text/css" href="css/list.css"/>
		<script src="js/mock.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/database.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header>
			<img src="img/back.svg" class="back" id="back">
			<h1 class="mui-title">商城列表</h1>
			<img src="img/top-chose.png" class="header-right">
		</header>
		<div class="search">
			<form>	
				<img src="img/serach.svg" class="search-img">
				<input type="text" placeholder="合亿户外">
			</form>
		</div>
		<div class="arrange">
			<ul id="arrul" class="space-between">
				<li id="fir">综合</li>
				<span></span>
				<li class="ma">销量<img src="img/arrows.png" ></li>
				<span></span>
				<li class="ma">价格<img src="img/arrows.png" ></li>
				<span></span>
				<li class="ma">筛选<img id="down" src="img/downarrows.svg" ></li>
			</ul>
		</div>
		<div id="list" class="space-around flex-wrap">
			
		</div>
		<div class="bottom-menu">
			<ul class="space-around">
				<li id="home"><img src="img/home.svg" ><p>首页</p></li>
				<li><img src="img/classify.svg" ><p>分类</p></li>
				<li class="active"><span id="sp">文体活动</span><p>报名</p></li>
				<li><img src="img/shopping.svg" ><p>购物车</p></li>
				<li><img src="img/my.svg" ><p>我的</p></li>
			</ul>
		</div>
	</body>
	<script src="js/resultbank.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		app.pubu(6,'/cloth','<img class="buy" src=./img/buy.svg>')
		document.addEventListener('plusready', function() {
			var back = document.getElementById('back');
		
			back.addEventListener('touchend', function() {
				plus.webview.open('home.html', 'q', {}, 'slide-in-left',400)
			})
			document.getElementById('home').addEventListener('touchend',function(){
				plus.webview.open('home.html', 'q', {}, 'slide-in-left',400)
			})
		});
	</script>
</html>
